<template>
  <div class="floor-layout tpl-73">
    <div class="layout-main">
      <layout-item :block="data.blockList[0]" @handle-edit="handleEditBlock(0)">
        <template slot-scope="{ block }">
          <div v-if="data.blockClass=='row'" class="follow-row" :style="`margin-left:${data.blockStyle.pagePadding}px;margin-right:${data.blockStyle.pagePadding}px;`">
            <img class="logo" src="https://static.minipro.fisheagle.cn/images/logo.png"/>
            <div class="follow-info">
              <div class="name">关注商城后台公众号</div>
              <div class="desc">接收更多优惠提醒和到货消息通知</div>
            </div>
            <span class="follow-btn">立即关注</span>
          </div>
          <div v-if="data.blockClass=='fixed'" class="follow-fixed" :style="`padding-left:${data.blockStyle.pagePadding}px;padding-right:${data.blockStyle.pagePadding}px;`">
            <div class="follow-info">关注公众号接收更多优惠提醒和到货消息通知</div>
            <span class="follow-btn">立即关注</span>
          </div>
        </template>
      </layout-item>
    </div>
  </div>
</template>

<script>
  import mixin from '../mixin';

  export default {
    name: 'tpl_73',
    mixins: [mixin],
    title: '关注公众号',
    dataTpl: {
      tpl_id: 73,
      blockList: [
        { block_type: 'TEXT', block_value: '', block_opt: '' }
      ],
      blockClass: 'row', // row, fixed
      blockStyle: {
        pagePadding: 15
      }
    }
  }
</script>